<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <link rel="stylesheet" th:href="@{/lay/lib/layui-v2.5.5/css/layui.css}" media="all">
        <link rel="stylesheet" href="/lay/css/public.css" media="all">
        <link rel="stylesheet" href="/lay/lib/font-awesome-4.7.0/css/font-awesome.css" media="all">
        <style>
            body{
                margin: 20px;
            }
            form{
                position: relative;
                left: 20px;
            }
            ._input {
                width: 216px;
            }

            .layui-iconpicker-body {
                padding: 6px;
                width: 280px;
            }
        </style>
    </head>
    <body>
        <form class="layui-form" action="" lay-filter="form">
            <div hidden>
                <input name="id" value="">
                <input name="pid"value="">
            </div>
            <div class="layui-form-item">
                <div>
                    <label class="layui-form-label">菜单名称</label>
                    <div class="layui-input-inline">
                        <input type="text" name="title" lay-verify="required|len" placeholder="请输入" autocomplete="off"
                               class="layui-input _input">
                    </div>
                </div>
                <div>
                    <label class="layui-form-label">菜单来源</label>
                    <div class="layui-input-inline">
                        <select name="power" lay-filter="power">
                            <option value="1">前台</option>
                            <option value="2">后台</option>
                            <option value="3">其他</option>
                        </select>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">菜单权限名</label>
                    <div class="layui-input-block">
                        <input type="text" name="menuPn"  autocomplete="off" class="layui-input _input">
                    </div>
                </div>



                <div class="layui-inline">
                    <label class="layui-form-label">菜单图标</label>
                    <div class="layui-input-block" style="width: 50px;">
                        <input type="text" name="icon" value="fa-address-book" id="iconPicker" lay-filter="iconPicker" hidden class="hide">
                    </div>
                </div>

                <div class="layui-inline">
                    <label class="layui-form-label">菜单状态</label>
                    <div class="layui-input-inline">
                        <input type="checkbox" value="1" name="enabled" lay-skin="switch" lay-filter="enabled"
                               title="启动或者禁用菜单">
                    </div>
                </div>


            </div>

            <div class="layui-form-item">
                <div >
                    <label class="layui-form-label">菜单类型</label>
                    <div class="layui-input-inline">
                        <select name="ismenu" id="module" lay-filter="ismenu">
                            <option value="1" disabled>模块</option>
                            <option value="2">目录</option>
                            <option value="3">菜单</option>
                            <option value="4">功能</option>
                        </select>
                    </div>
                </div>

                <div>
                    <label class="layui-form-label">菜单链接</label>
                    <div class="layui-input-inline">
                        <input type="text" name="href"  placeholder="请输入" autocomplete="off"
                               class="layui-input _input">
                    </div>
                </div>


            </div>


            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">备注信息</label>
                <div class="layui-input-inline" style="width: 500px">
                    <textarea placeholder="请输入内容" name="remark" lay-verify="required" class="layui-textarea"></textarea>
                </div>
            </div>


            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn layui-btn-normal" style="margin-left: 20%" lay-submit lay-filter="saveBtn">
                        确认保存
                    </button>
                    <button class="layui-btn layui-btn-normal" id="close">退出</button>
                </div>
            </div>
        </form>


        <script th:src="@{/lay/lib/layui-v2.5.5/layui.js}" charset="utf-8"></script>
        <script src="/lay/js/lay-config.js"></script>
        <script src="/js/system/menu/add.js"></script>
    </body>
</html>